﻿html,body{ font:14px/1.8 'Microsoft YaHei',Tahoma,Verdana,'Simsun'; color:#333;background:#f5f5f5;  -webkit-text-size-adjust:none;}
*{padding:0;margin:0;}
.clear{ clear:both; position:relative;}
.list-none{ list-style:none; padding:0;margin:0; }
a{ color:#333; text-decoration:none;}
a:hover{ color:#666; text-decoration:none;}
.juzhong{ display: flex;align-items: center; justify-content:center;}
.miguwenzi{ line-height:2; }
.miguwenzi img{ max-width:100%; }
/*头部*/
.header{margin-top: 0px; background: #fff; border-top: 0px solid #3C3F41;position:relative;}
.header img{ max-height:80px; }
.logo{ float:left; }
.migulr{ float:right; position:relative;line-height:80px; font-size:1.8rem;font-weight:bold; }
.migulr span{ padding:0 10px; }
/*菜单*/
.animenu__toggle { display: none; cursor: pointer; background-color: #111; border: 0; padding: 10px; height: 40px; width: 40px;}
.animenu__toggle:hover { background-color: #0186ba;}
.animenu__toggle__bar { display: block; width: 20px; height: 2px; background-color: #fff; -webkit-transition:  0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55);   -o-transition:  0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55); transition:  0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55); }
.animenu__toggle__bar + .animenu__toggle__bar {  margin-top: 4px;}
.animenu__toggle--active .animenu__toggle__bar { margin: 0; position: absolute;}
.animenu__toggle--active .animenu__toggle__bar:nth-child(1) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.animenu__toggle--active .animenu__toggle__bar:nth-child(2) { opacity: 0;}
.animenu__toggle--active .animenu__toggle__bar:nth-child(3) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
.animenu { width:100%; display: block; z-index:9; background:#004098; margin:0;border-bottom: 1px solid #eee; border-top: 1px solid #cecece;}
.animenu ul { padding: 0; list-style: none; font: 0px 'Open Sans', Arial, Helvetica;}
.animenu li, .animenu a { display: inline-block; font-size: 15px;}
.animenu a { color: #fff; text-decoration: none;}
.animenu__nav {}
.animenu__nav > li { text-align:center; position: relative; width:13%; margin-right:1%; border-right:0px solid #ddd;}
.animenu__nav > li:first-child{ margin-left:1%; }
.animenu__nav > li > a { width:100%; line-height:3; text-transform: uppercase;}
.animenu__nav > li:hover > ul { opacity: 1; visibility: visible; margin: 0;}
.animenu__nav > li:hover { color: #fff;background:#ff7010;}
.animenu__nav .on{ background:#ff7010;}
.animenu__nav .on a{ color: #fff;}
.animenu__nav__child { min-width: 100%; position: absolute; top: 100%; left: 0; z-index: 1; opacity: 0; visibility: hidden; margin: 20px 0 0 0; background: #fff;  transition: margin .15s, opacity .15s;}
.animenu__nav__child > li { width: 100%;border-bottom: 1px solid #515151;background:#ff7010;}
.animenu__nav__child > li:last-child { border: 0;}
.animenu__nav__child a { padding: 10px; width: 100%; border-color: #333; color:#fff;}
.animenu__nav__child a:hover { background: #555; border: #ff7010;  color: #fff;}
@media screen and (max-width: 767px) {
  .header img{ max-height:45px; }
  .migulr{ right:50px; }
  .migulr a, .migulr span{ display:none; }
  .migudb{display: block !important;}
  .animenu__toggle {   display: inline-block; position:absolute;right:5px; top:35px;  }
  .animenu__nav, .animenu__nav__child {   display: none;  }
  .animenu__nav {  margin: 10px 0; }
  .animenu__nav > li { width: 100%; border-right: 0; border-bottom: 1px solid #515151;  }
  .animenu__nav > li:last-child { border: 0;  }
  .animenu__nav > li:first-child > a:after {  content: ''; position: absolute; height: 0; width: 0;  left: 1em;  top: -6px;  border: 6px solid transparent; border-top: 0; border-bottom-color: inherit;  }
  .animenu__nav > li > a { width: 100%;padding: 10px;border-color: #111; position: relative;}
  .animenu__nav a:hover {background-color: #666; border-color: #333; color: #fff; }
  .animenu__nav__child { position: static; background-color: #333; margin: 0; transition: none;visibility: visible; opacity: 1; }
  .animenu__nav__child > li:first-child > a:after {  content: none; }
  .animenu__nav__child a {  padding-left: 20px; width: 100%; color:#fff; }
}
.animenu__nav--open { display: block !important;position:relative;z-index:99;  }
.animenu__nav--open .animenu__nav__child { display: block;}
/*轮播图*/
.swipers { width: 100%;height: 100%;background:#fff; position:relative;  overflow:hidden;}
.swipers img{ width: 100%; }
/*底部*/
.footer{margin-bottom:0px;}
.footm{ background:#013d97;padding-top: 15px; padding-bottom: 20px;border-top: 1px solid #ccc; color:#fff; }
.footm a{ color:#fff; }
.footm .ftitle{ font-size:1.2rem; font-weight:bold; }
.footm .ewm img{ width:100%; max-width:120px; }
.banquan{ background: url(../images/4.jpg);padding-top: 10px; padding-bottom: 15px;border-top: 2px solid #ccc; }
.banquan p{ margin-bottom:0; }
/*首页*/
.swiper { width: 100%;height: 100%;background:#fff; padding:15px 20px;overflow:hidden;}
.swiper .stitle{  color: #333; border-bottom: 1px #eee solid;  font-weight: bold; font-size: 16px; margin-bottom:15px;padding:0 5px; }
.swiper .stitle a{ font-size:12px;margin-top:5px; }
.swiper-slide {text-align: center;font-size: 18px; background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-slide img {display: block; width: 100%;height: 100%;object-fit: cover;    }
@media screen and (max-width: 767px) {
	.swiper .stitle{font-size:12px;}
	.swiper .stitle a{ margin-top:0px; }
}

.right_fix {
  position: fixed;
  right: 1%;
  top: 35%;
  z-index: 99;
}
.right_fix .text {}
.right_fix .text li {
  position: relative;
  width: 98px;
  background: rgba(0,0,0,.3);
  border-top: 1px solid #eee;
  border-radius: 10px;
  margin-top: 5px;
}
.right_fix .text li:first-child {
  border: none;
}
.right_fix .text li .pic {
  width: 100%;
  padding: 8px 0;
}
.right_fix .text li .pic img {
  height: 50px;
  display: block;
  width: auto;
  margin: 0 auto;
}
.right_fix .text li .pic .img1 {
  display: block;
}
.right_fix .text li .pic .img2 {
  display: none;
}
.right_fix .text li .pic span {
  font-size: 14px;
  color: #fff;
  display: block;
  text-align: center;
  margin-top: 8px;
}
.right_fix .text li .text {
  background: #fff;
  padding: 8px;
  position: absolute;
  left: -150px;
  top: 0;
  width: 150px;
  display: none;
}
.right_fix .text li .text img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
.right_fix .text li .text1 {
  height: 73px;
  position: absolute;
  left: -220px;
  top: 7px;
  width: 220px;
  display: none;
}
.right_fix .text li .text1 .search {
  position: relative;
  background: #036aac;
  color:#fff;
  font-size:2rem;
  padding: 8px;
}
.right_fix .text li .text1 .search a{
    color:#fff;  
}
.right_fix .text li .text1 .inp1 {
  width: 100%;
  background: #fff;
  height: 42px;
  border: none;
  outline: 0;
  padding-left: 5px;
}
.right_fix .text li .text1 .btn_sub {
  position: absolute;
  right: 8px;
  top: 8px;
  width: 40px;
  height: 42px;
  background: url('../images/seah.png') no-repeat center #fff;
  background-size: 16px;
  border: none;
  outline: 0;
}

.right_fix .text li:hover {
  background: #036aac;
  cursor: pointer;
}
.right_fix .text li:hover .pic .img1 {
  display: none;
}
.right_fix .text li:hover .pic .img2 {
  display: block;
}
.right_fix .text li:hover .text {
  display: block;
}
.right_fix .text li:hover .text1 {
  display: block;
}
